.baseElement {
  margin: 1em;
}
.baseElement {
  --selectedColor: #00a0e9;
  width: 40em;
  --height: 10em;
  height: var(--height);
  line-height: var(--height);
  font-size: 20px;
  position: relative;
  border-style: solid;
  border-width: 2px;
  border-color: var(--selectedColor);
  &:after {
    // option 变量
    --triangle-color: var(--selectedColor);
    --triangle-size: 30px;
    // 右下角三角位置 fixed 部分
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: var(--triangle-size);
    border-color: transparent var(--triangle-color) var(--triangle-color) transparent;
    // 文字内容样式
    content: ' √'; // 前面必须有一个空白字符，一遍上 letter-spacing 生效
    font-size: 16px;
    font-weight: bold;
    color: white;
    // 文字位置控制
    white-space: pre;
    text-align: left;
    line-height: 24px; // 控制单字符文本的横向位置，调大文字往下，调小文字往上
    letter-spacing: 1px; // 控制单字符文本的横向位置，调小往左，调大往右
  }
}
